<div class="bg-light lter b-b wrapper-sm">
    <h1 class="m-n font-thin h4">电子合同管理</h1>
</div>
<div class="wrapper-sm" ng-controller="EContractListController">
    <div class="panel panel-default">
        <div class="panel-heading font-bold">查询</div>
        <div class="panel-body form-horizontal">
            <div class="form-group">

                <label class="control-label pull-left w-xs">客户单位</label>
                <div class="col-md-2">
                    <input type="text" class="form-control input-sm" id="table_operationEContractList_client" ng-model="queryTerms.clientName" placeholder="请输入客户单位" name="clientName">
                </div>

                <label class="control-label pull-left w-xs">合同号</label>
                <div class="col-md-2">
                    <input type="text" class="form-control input-sm" id="table_operationEContractList_contractNumber" ng-model="queryTerms.contractNumber" placeholder="请输入合同号" name="contractNumber">
                </div>
                <label class="control-label pull-left w-xs">车牌号</label>
                <div class="col-md-2">
                    <input type="text" class="form-control input-sm" id="table_operationEContractList_carCodeBox" ng-model="queryTerms.carCodeBox" placeholder="请输入车牌号" name="carCodeBox">
                </div>
                <label class="control-label pull-left w-xs">客服专员</label>
                <div class="col-md-2">
                    <select id="table_operationEContractList_customerServiceId" name="customerServiceId" class="form-control input-sm" ng-model="queryTerms.customerServiceId" ng-options="x.id as x.realName for x in customerServiceDropDown">
                        <option value="">全部</option>
                    </select>
                </div>
            </div>
            <div class="form-group">
                <label class="control-label pull-left w-xs">发货地址</label>
                <div class="col-md-2">
                    <input type="text" class="form-control input-sm" id="table_operationEContractList_origin" ng-model="queryTerms.origin" placeholder="请输入发货地址" name="origin">
                </div>
                <label class="control-label pull-left w-xs">送货地址</label>
                <div class="col-md-2">
                    <input type="text" class="form-control input-sm" id="table_operationEContractList_destination" ng-model="queryTerms.destination" placeholder="请输入送货地址" name="destination">
                </div>
                <label class="control-label pull-left w-xs">发货起始时间</label>
                <div class="col-md-2 col-xs-12">
                    <div class="input-group input-group-sm date">
                        <input id="deliveryBegin" name="deliveryBegin" datetimepicker plugintype="datetime" ng-model="queryTerms.deliveryBegin" placeholder="起始时间" class="form-control" type="text" />
                        <span id="openStartTime" class="input-group-addon curpoint">
                            <span class="glyphicon glyphicon-calendar"></span>
                        </span>
                    </div>
                </div>

                <label class="control-label pull-left w-xs">发货结束时间</label>
                <div class="col-md-2 col-xs-12">
                    <div class="input-group input-group-sm date">
                        <input id="deliveryEnd" name="deliveryEnd" datetimepicker plugintype="datetime" ng-model="queryTerms.deliveryEnd" placeholder="结束时间" class="form-control" type="text" />
                        <span id="openEndTime" class="input-group-addon curpoint">
                            <span class="glyphicon glyphicon-calendar"></span>
                        </span>
                    </div>
                </div>

            </div>
            <div class="form-group">

                <label class="control-label pull-left w-xs">合同状态</label>
                <div class="col-md-2">
                    <select id="table_operationEContractList_econtractStatus" name="econtractStatus" class="form-control input-sm" ng-model="queryTerms.econtractStatus" ng-options="x.value as x.text for x in econtractStatusDropDown">
                        <option value="">全部</option>
                    </select>
                </div>
                <label class="control-label pull-left w-xs">补充协议状态</label>
                <div class="col-md-2">
                    <select id="table_operationEContractList_agreementEContractStatus" name="agreementEContractStatus" class="form-control input-sm" ng-model="queryTerms.agreementEContractStatus" ng-options="x.value as x.text for x in econtractStatusDropDown">
                        <option value="">全部</option>
                    </select>
                </div>
                <label class="control-label pull-left w-xs">合同订立起始时间</label>
                <div class="col-md-2 col-xs-12">
                    <div class="input-group input-group-sm date">
                        <input id="contractStartTime" name="contractStartTime" datetimepicker plugintype="datetime" ng-model="queryTerms.contractStartTime" placeholder="起始时间" class="form-control" type="text" />
                        <span id="opencontractStartTime" class="input-group-addon curpoint">
                            <span class="glyphicon glyphicon-calendar"></span>
                        </span>
                    </div>
                </div>

                <label class="control-label pull-left w-xs">合同订立结束时间</label>
                <div class="col-md-2 col-xs-12">
                    <div class="input-group input-group-sm date">
                        <input id="contractEndTime" name="contractEndTime" datetimepicker plugintype="datetime" ng-model="queryTerms.contractEndTime" placeholder="结束时间" class="form-control" type="text" />
                        <span id="opencontractEndTime" class="input-group-addon curpoint">
                            <span class="glyphicon glyphicon-calendar"></span>
                        </span>
                    </div>
                </div>
            </div>
            <div class="form-group">
                <label class="control-label pull-left w-xs"></label>
                <div class="col-md-2 col-xs-12"></div>
                <label class="control-label pull-left w-xs"></label>
                <div class="col-md-2 col-xs-12"></div>
                <label class="control-label pull-left w-xs"></label>
                <div class="col-md-2 col-xs-12"></div>
                <label class="control-label pull-left w-xs"></label>
                <div class="col-md-2 col-xs-12">
                    <button id="table_operationEContractList_search" ng-click="queryFunc()" class="btn btn-sm btn-default btn-addon" ng-class="{'disabled':querying}" ng-disabled="querying">
                        <i class="fa fa-search" ng-show="!querying"></i>
                        <i class="fa fa-spinner no-bordr" ng-show="querying" ng-class="{'fa-spin':querying}"></i>
                        <span ng-show="!querying">查询</span>
                        <span ng-show="querying">查询中...</span>
                    </button>
                </div>
            </div>

        </div>
    </div>

    <div class="panel panel-default">
        <div class="panel-heading">
            电子合同列表
        </div>
        <div class="table-responsive">
            <div ui-grid="gridOptions" ui-grid-resize-columns ui-grid-pagination ui-grid-selection ui-grid-exporter ui-grid-auto-resize style="height:{{heightA}}px; min-width:1000px; min-height:395px; overflow-y:hidden;">
                <div class="watermark" ng-if="!gridOptions.data.length">暂无数据</div>
            </div>
        </div>
        <div class="panel-body">
            <button id="table_operationEContractList_detail" ng-click="skipDownload()" class="pull-right-xs btn btn-sm btn-success btn-addon "><i class="fa fa-download"></i>下载记录</button>
        </div>

    </div>

    <!--contract Modal -->
    <div class="modal fade bs-example-modal-lg" id="contract" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-backdrop="static">
        <div class="modal-dialog modal-lgg">
            <div class="modal-content">
                <div class="modal-closex">
                    <button id="orderRegister_detail_contractClose" type="button" class="close" data-dismiss="modal" aria-label="Close" ng-click="deletePoint()"><span aria-hidden="true">&times;</span></button>

                </div>
                <uib-tabset class="nav-tabs-alt" justified="true">
                    <uib-tab ng-click="ContractO()">
                        <uib-tab-heading>
                            <h4>电子合同</h4>
                        </uib-tab-heading>
                        <div class="modal-body img-full">
                            <img vg-src="contractImgA" loading-cls="loading-x" error-cls="error-x" empty-cls="empty-x" loaded-cls="load-x" alt="">
                            <img vg-src="contractImgB" loading-cls="loading-x" error-cls="error-x" empty-cls="empty-x" loaded-cls="load-x" alt="">
                            <img vg-src="contractImgC" loading-cls="loading-x" error-cls="error-x" empty-cls="empty-x" loaded-cls="load-x" alt="">
                        </div>
                        <div class="modal-footer">
                            <button id="orderRegister_detail_contractCancel" type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                        </div>
                    </uib-tab>

                    <uib-tab ng-click="AgreementO()" ng-show="isAgreementF">
                        <uib-tab-heading>
                            <h4>补充协议</h4>
                        </uib-tab-heading>
                        <div class="modal-body img-full">
                            <img vg-src="agreementImgA" loading-cls="loading-x" error-cls="error-x" empty-cls="empty-x" loaded-cls="load-x" alt="">
                            <img vg-src="agreementImgB" loading-cls="loading-x" error-cls="error-x" empty-cls="empty-x" loaded-cls="load-x" alt="">
                            <img vg-src="agreementImgC" loading-cls="loading-x" error-cls="error-x" empty-cls="empty-x" loaded-cls="load-x" alt="">
                        </div>
                        <div class="modal-footer">
                            <button id="orderRegister_detail_AgreementDownload" ng-click="downloadAgreement()" ng-show="isDownloadA" class="pull-right-xs btn btn-sm btn-success btn-addon "><i class="fa fa-download"></i>下载</button>
                            <button id="orderRegister_detail_AgreementCancel" type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                        </div>
                    </uib-tab>
                </uib-tabset>
            </div>
        </div>
    </div>
</div>